*{margin: 0;padding: 0}
body,html{height:100%;width:100%;}
body{font-family: "微软雅黑";font-size:16px;}
.wrapper{  width: 1200px;margin: 0 auto}
.clear:after{content: "";display: block;clear: both}
img{border: 0}
a{text-decoration: none;}
li{list-style: none}
.left{float: left}
.right{float: right}
//尾部
#footer{
  color:#666;
  >div:nth-child(1){
    height: 79px;line-height: 79px;
    border-top:1px solid #e0e0e0;
    border-bottom: 1px solid #d8d8d8;
    box-shadow: 0 2px 2px #e0e0e0;
    ul{overflow: hidden;width: 960px;margin: 0 auto}
    li{float: left;font-size: 14px;}
    li+li{
      margin-left: 135px;
      span{width: 30px;height: 30px;display: inline-block;margin-right: 7px;}
    }
    li:nth-child(1){
      span{display: inline-block;width: 22px;height: 41px;margin-left:50px;vertical-align:middle;background: url(../../images/ico_arrow.png) -3px -135px}
    }
    li:nth-child(2){
      span{vertical-align:middle;background: url(../../images/foot_bg.png) 0 0}
    }
    li:nth-child(3){
      span{vertical-align:middle;background: url(../../images/foot_bg.png) -36px 0}
    }
    li:nth-child(4){
      span{vertical-align:middle;background: url(../../images/foot_bg.png) -73px 0}
    }
  }
  >div:nth-child(2){
    .wrapper{width: 1110px;height:80px;margin: 0 auto;padding: 24px 0 40px 42px;border-bottom: 1px solid #d8d8d8;overflow: hidden}
    dl:nth-child(1){width: 660px;}
    dl:nth-child(2){width: 450px}
    dl{
      float: left;
      dt{font-size: 18px;line-height: 40px;}
      dd{font-size: 14px;;line-height: 20px;}
    }
  }
  >div:nth-child(3){
    padding-bottom: 20px;text-align: center;
    .link p{padding: 20px 0 0;}
    .link>p>a{
      color:#666;font-size: 14px;
    }
    .link>p>a:hover{text-decoration: underline}
    .copyright>ul{
      width: 545px;height: 45px;
      margin: 20px auto 0;
      li{float: left;height: 45px;}
      li:nth-child(1){width:170px;font-size: 14px;line-height: 45px;}
      li+li{margin-left: 5px;}
      img{height: 41px;}
    }
    .wrapper>p{padding: 20px 0 0;font-size: 14px;}
  }
}
//购物车
#sidecart{
  font-size: 12px;
  width: 320px;
  position: fixed;
  top:0;
  right:-280px;
  background: #333;
  color:#fff;
  text-align: center;
  z-index: 150;
  height: 100%;
  min-height: 480px;
  .side_func{
    float: left;
    position: absolute;
    height: 100%;
    width: 40px;
    .fun1{
      position: relative;
      margin-top: 110px;
      margin-bottom: 22px;
      padding: 1px 0 10px;
      cursor:pointer;
      span:nth-child(1){
        background: url(../../images/ico_sidebar.png) -26px 0;
        width: 33px;
        height: 26px;
        display: block;
        margin-bottom: 10px;
        margin-top: 18px;
      }
      .num{
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background: #e14958;
        display: inline-block;
        line-height: 20px;
        margin-top: 7px;
      }
    }
    >p{
      background: #515151;
      width: 22px;
      height: 1px;
      overflow: hidden;
      margin: 0 0 14px 9px;
    }
    .money{
      height: 37px;
      padding-top: 5px;
      position: relative;
      cursor:pointer;
      span:nth-child(1){width: 33px;height:22px;display: block;margin-bottom: 10px;background: url(../../images/ico_sidebar.png) 6px 0 }
      .ticket{
        display:none;
        position: absolute;
        top: 0;
        right: 40px;
        width: 100px;
        height: 42px;
        text-align: center;
        line-height: 42px;
        background: #666;
      }
    }
    .money:hover{background: #e14958;.ticket{display: block}}
    .heart{
      padding-top: 7px;
      height: 39px;
      cursor:pointer;
      span:nth-child(1){
        width: 32px;
        height: 25px;
        display: block;
        margin-bottom: 8px;
        background: url(../../images/ico_sidebar.png) -60px 0;
      }
      span:nth-child(2){
        display:none;
        position: absolute;
        top: 0;
        right: 40px;
        width: 100px;
        height: 42px;
        text-align: center;
        line-height: 42px;
        background: #666;
      }
    }
    .heart:hover{position:relative;background: #e14958;span:nth-child(2){display: block}}
    .codemap{
      width: 22px;
      height: 22px;
      position: absolute;
      bottom:58px;
      left: 9px;
      background: url(../../images/ico-qrcode.png) no-repeat;
      .coderel{
        position: absolute;
        width: 109px;
        height: 138px;
        border: 1px solid #e5e5e5;
        border-right: none 0;
        left: -119px;
        bottom:-8px;
        text-align: center;
        color:#000;
        background: #fff;
        span{
          position: absolute;
          border: 5px solid transparent;
          border-left-color: #fff;
          right: -12px;
          bottom:14px;
        }
        div{
          width: 91px;
          height: 91px;
          margin: 10px auto;
          background: url(../../images/cod_da.png) no-repeat;
        }
      }
    }
    .backtop{
      display: none;
      position: absolute;
      width: 40px;
      height:30px;
      bottom:5px;
      cursor:pointer;
      text-align: center;
      a{font-size: 16px;
        font-weight: 900;
        color:#fff;
      }
    }

  }
  .side_data{
    height: 100%;
    overflow:auto;
    width: 280px;
    margin-left: 40px;
    background: #f4f4f4;
    color:#666;
    .cartlist{height:500px;overflow-x: auto;}
    .close{
      position: absolute;
      right: 10px;
      top:10px;
      width: 16px;
      height: 16px;
      background: url(../../images/login-close.png);
      cursor:pointer;
    }
    .title{
      line-height: 50px;
      text-align: center;
      text-indent: 20px;
    }
    .gocart{
      bottom:0;
      margin: 12px 8px 20px;
      padding: 12px 12px 0;
      border-top: 1px solid #dbdbdb;
      line-height: 30px;
      font-weight: 900;
      text-align: left;
      .tolprice{
        color:red;margin-left: 5px;
      }
      a{display: inline-block;
      background: #e14958;
      padding: 0 18px;
      color:#fff;
      text-align: center;
      width: 204px;}
    }
    li{
      position: relative;
      padding-top: 10px;
      background: #fff;
      margin-bottom: 10px;
      overflow: hidden;
      display: none;
      .cart_top{
        padding: 0 15px;
        line-height: 24px;
        background: #fff;
        margin-bottom: 10px;
        div{
          display: block;width: 230px;text-align: left;
          span:nth-child(1){display: inline-block;padding: 0 2px;background: #e14958;color:#fff;line-height: 16px;margin-right: 7px}
          span:nth-child(2){color:red}
        }
      }
      .cart_bot{
        width: 233px;
        position: relative;
        margin: 0 15px 10px;
        a{
          display:block;
          float: left;
          div{
            width: 56px;
            height: 56px;
            border: 1px solid #dbdbdb;
            background: url(../../images/cart01.jpg);
            background-size: cover;
            background-position: center center;
          }
        }
        >div{float: left}
        .cart_bot1{
          width: 110px;padding-left: 5px;
          p{
            line-height: 16px;
            width: 110px;
            height: 25px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
          }
          div{
            width:110px;
            overflow: hidden;
            button{
              float: left;
              width: 25px;
              height: 25px;
              font-size: 18px;
              line-height: 25px;
            }
            input{
              float: left;
              width: 50px;
              height:21px;
              text-align: center;
            }
          }
        }
        .cart_bot2{
          width: 55px;padding: 5px 1px;
          span{display: block;color:red;
            float: right;margin-bottom: 10px}
          a{color:#666;display: block;text-align: right;
            float: right;}
          a:hover{text-decoration: underline}
        }
      }
    }
  }
}